<template>
	<view class="inf">
		<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" class="swiper" >
			<swiper-item>
				<view class="swiper-item">
					<image src="../../static/img/aaa.jpg" mode=""></image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image src="../../static/img/aaa.jpg" mode=""></image>
				</view>
			</swiper-item>
		</swiper>
		<view class="tag">
			<view class="tag-view" v-for="item in 3">
				<uni-tag text="必玩景点" type="primary"></uni-tag>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.inf{
	display: flex;
	flex-direction: column;
	width: 720rpx;
	.swiper{
		height: 420rpx;
		margin:10rpx 0;
	}
	.swiper-item>image{
		width: 720rpx;
		height: 420rpx;
		margin: 0 auto;
		border-radius: 16rpx;
	}
	.tag{
		display: flex;
		.tag-view{
			margin: 0 10rpx;
		}
	}
}

</style>
